<?php
Yii::app()->clientScript->registerScriptFile($this->staticsPath."/frontend/js/jquery.js",CClientScript::POS_HEAD);
Yii::app()->clientScript->registerCssFile($this->staticsPath."/css/global.css");
Yii::app()->clientScript->registerCssFile($this->staticsPath."/css/index.css");
Yii::app()->clientScript->registerCssFile($this->staticsPath."/css/font-awesome.min.css");
Yii::app()->clientScript->registerCssFile($this->staticsPath."/Font-Awesome-3.2.1/css/font-awesome.min.css");
Yii::app()->clientScript->registerScriptFile($this->staticsPath."/frontend/js/bootstrap.min.js",CClientScript::POS_HEAD);
Yii::app()->clientScript->registerCssFile($this->staticsPath."/frontend/css/bootstrap.min.css");
Yii::app()->clientScript->registerCss("CSS1","
    .cont_box img{
        height: 200px;
    }

   #loadings {
        left: 50%;
        position: absolute;
        top: 50%;
    }

");


?>
<style type="text/css">
    .main-box {
        background: #FDFDFF url("<?php echo $this->staticsPath."/img/yuedu.png" ?>") no-repeat scroll 0 0 / 100% auto;
        height: 100%;
        left: 0;
        margin: 0 auto;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    .morcon {
        height: 100px;
        margin: 245px 20px 20px;
        position: relative;
        text-align: center;
    }

    .morcon .reg {
        background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 20px;
        left: 4%;
        position: absolute;
        top: 0;
    }
    .morcon .login {
        background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        display: block;
        font-size: 20px;
        left: 51%;
        position: absolute;
        top: 39%;
    }

    .wrap .headers {
        min-height: 177px;
        padding-top: 11px;
        width: 100%;
    }
    .wrap .footer {
        height: 300px;
        position: relative;
        width: 100%;
    }

    .wrap .headers .mydodo{
         background: url("<?php echo $this->staticsPath."/img/mydodo.png" ?>") no-repeat scroll 0 0 / 150px auto;
         height: 40px;
         width: 150px;
         position: absolute;
         right: 15px;
         top: 25px;
     }
    .wrap .headers .imgbg {
        height: 175px;
        left: 25px;
        overflow: hidden;
        position: relative;
        top: 15px;
        width: 130px;
    }


    .imgbg img {
        height: 100%;
        position: absolute;
    }
    .wrap .headers .hname {
        height: 200px;
        left: 170px;
        position: absolute;
        top: 15px;
        width: 200px;
    }
    .wrap .headers .hname p{
        color: #0066b3;
        font-size: 20px;
    }
    .wrap .headers .list {


        height: 80px;
        left: 25px;
        position: absolute;
        top: 25px;
        width: 80px;
    }
    .wrap .header .list a{
        color: #0066b3;
        font-size: 30px;
    }
    .wrap .footer .fbotton{
        width: 33%;
        height: 150px;
        float: left;
    }
    .wrap .footer .fbotton .like{
        background: url("<?php echo $this->staticsPath."/img/mylike.png" ?>") no-repeat scroll 13px 0 / 90px auto;
        height: 100%;
        width: 100%;
    }
    .wrap .footer .fbotton .collection{
        background: url("<?php echo $this->staticsPath."/img/mycollection.png" ?>") no-repeat scroll 13px 0 / 104px auto;
        height: 100%;
        width: 100%;
    }
    .wrap .footer .share{
        background: url("<?php echo $this->staticsPath."/img/share_xd.png" ?>") no-repeat scroll -2px 15px / 130px auto;
        bottom: 10px;
        height: 50px;
        left: 30px;
        position: fixed;
        width: 200px;
    }
    .wrap .footer .fbotton .point{
        background: url("<?php echo $this->staticsPath."/img/point.png" ?>") no-repeat scroll 6px 0 / 104px auto;
        height: 100%;
        width: 100%;
    }
    .wrap .footer .fbotton .pointlist{
        background: url("<?php echo $this->staticsPath."/img/pointlist.png" ?>") no-repeat scroll 13px 0 / 90px auto;
        height: 100%;
        width: 100%;
    }
    .wrap .footer .fbotton .pointgift{
        background: url("<?php echo $this->staticsPath."/img/pointgift.png" ?>") no-repeat scroll 13px 11px / 90px auto;
        height: 100%;
        width: 100%;
    }


    body{
        background: #FDFDFF none repeat scroll 0 0;
    }
    .header {
        color: #fff;
        overflow: hidden;
        position: fixed;
        z-index: 700;
    }
    .morcons {
        height: 28px;
        margin: 20px;
        position: relative;
        text-align: center;
    }
    .morcons a {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #e2e1e1;
        border-radius: 4px;
        color: #333;
        font-size: 14px;
        padding: 6px 50px;
    }
    .footer .xd_share{
        background: url("<?php echo $this->staticsPath."/img/xd1.png" ?>") no-repeat scroll 0 0 / 130px auto;
        height: 40px;
        margin-left: 20px;
        margin-top: 10px;
        width: 130px;
    }
    .footer .comment{
        position: relative;
    }
    .footer .comment li {
        border-bottom: 2px dashed #00a4de;
        margin: auto;
        padding: 2% 0;
        width: 90%;
    }
    .top_box .tx {
        float: left;
        height: 60px;
        margin-right: 10px;
        width: 60px;
    }
    .top_box .wz {
        display: block;
        float: left;
        margin-top: 10px;
        width: 130px;
    }
    .top_box .tx img{
        width: 100%;height: 100%;
    }
    .top_box .an{
        float: left;
        width: 100px;
    }
    .top_box .an .zan{
        background: url("<?php echo $this->staticsPath."/img/xin.png" ?>") no-repeat scroll 0 0 / 40px auto;
        height: 60px;
        width: 60px;
        float: left;
        padding-top: 35px;
    }
    .top_box .an .pinglun{
        background: url("<?php echo $this->staticsPath."/img/pinglun.png" ?>") no-repeat scroll 0 0 / 40px auto;
        height: 40px;
        width: 40px;
        float: left;
    }
    .headers .disc {
        background: url("<?php echo $this->staticsPath."/img/yuedu1.png" ?>") no-repeat scroll 10px 0 / 135px auto;
        color: #666;
        font-size: 12px;
        height: 65%;
        padding: 45px 0 0 40px;
        width: 90%;
    }
    .wrap .content{
        min-height: 177px;
        width: 100%;
        margin-top: 10px;
    }
    .headers .disc .disc_box {
        background-color: #bee7fb;
        border-radius: 20px;
        min-height: 200px;
        padding: 10px;
        width: 100%;
    }
    .content .disc {
        background: url("<?php echo $this->staticsPath."/img/yuedu3.png" ?>") no-repeat scroll 10px 0 / 135px auto;
        color: #525252;
        font-size: 12px;
        padding: 45px 0 0 40px;
        width: 90%;
    }
</style>

<div class="data" >
    <div class="main-box"></div>
<!--    <header class="homeHder header">-->
<!--        <a href="--><?php //echo $this->createUrl('guide',array('openid'=>$openid)) ?><!--">-->
<!--        <div class="hder_return flol">-->
<!--            <i class="size fa fa-angle-left"></i>-->
<!--        </div>-->
<!--        </a>-->
<!--        <div class="hder_logo">--><?php //echo $book_info->title ?><!--</div>-->
<!--    </header>-->
    <section class="wrap">
        <div class="content">
            <div class="disc">
                <?php echo $book_info->content ?>
            </div>
        </div>
        <br/>
        <br/>
        <br/>
    </section>
</div>









<script language="JavaScript" src="<?php echo $this->createUrl('clickCount',array('id'=>$book_info->id)) ?>"></script>